<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script setup>
import { useRoute } from 'vue-router';
</script>

<style>
body {
  font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;
  color: #4c4e4d;
  font-size: 16px;
  background: #f4f4f4;
  line-height: 1.6;
}

#nprogress .bar {
   background: #409eff!important;
}

/* 重置基础样式 */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

/* 包装器样式 - 确保最小高度为100vh */
.app-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* 主容器样式 - 占用所有可用空间 */
.app-container {
    flex: 1 0 auto;
    width: 100%;
}
</style>
